@charset "utf-8";
body::-webkit-scrollbar {width:0; height:0; display:none;}
body::-webkit-scrollbar-track {background-color:transparent;}
body::-webkit-scrollbar-thumb {background-color:transparent;}

/*不选中文本*/
.noselect {-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;}

.top {width:100%; height:52px; overflow:hidden; position:fixed; top:0; left:0; z-index:1000; background-color:#3a6ea5; color:#fff;}
.top a {color:#fff;}
.top_in {height:52px; over flow:hidden;}
.logo {margin-top:5px; height:40px;}
.logo img {height:40px; float:left;}
.logo span {display:block; float:left; margin-left:14px; margin-top:13px; font-size:14px;}
.top_fl {position:absolute; top:0; left:10px; height:52px;}
.top_fr {position:absolute; top:0; right:15px; height:52px; padding-left:78px;}
.top_user {height:52px; line-height:52px; font-size:13px; overflow:hidden;}

.skin {position:absolute; top:21px; left:0; height:10px;}
.skin_type {width:8px; height:8px; border:1px solid rgba(255,255,255,0.6); float:left; cursor:pointer; margin-left:3px; position:relative;}
.skin_type a {display:block; height:8px;}
.skin_type p {width:4px; height:4px; overflow:hidden; background:rgba(255,255,255,0.5); position:absolute; top:2px; left:2px; display:none; box-shadow:1px 1px 1px rgba(255,255,255,0.4) inset;}
.skin_type_on p {display:block;}
.skin_type_default {background:#3a6ea5;}
.skin_type_melon {background:#a0c279;}
.skin_type_sky {background:#3c86c5;}
.skin_type_night {background:#333;}
.skin_type_game {background:#ffc52a;}
.skin_type_coffee {background:#59524c;}

.page_left {width:160px; height:100%; position:fixed; top:0; left:0; z-index:2; background:#303030;}
.left_in {padding-top:52px;}
.left_li {min-height:32px; position:relative;}
.left_lia {width:100%; height:32px; line-height:32px; display:block; font-size:13px; position:relative; color:#fff;}
.left_lion .left_lia, .left_li:hover .left_lia, .left_lia:hover {background:#3a6ea5;}
.left_linav {position:absolute; top:0; left:160px; width:160px; display:none; background:#3b3b3b;}
.left_linav dl {padding:5px 0; max-height:280px; overflow-y:auto;}
.left_linav dl::-webkit-scrollbar {width:5px; height:5px;}
.left_linav dl::-webkit-scrollbar-track {background-color:transparent;}
.left_linav dl::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.3);}
.left_linav dl dd {height:28px; text-indent:25px; overflow:hidden;}
.left_linav dl dd a {width:100%; height:28px; line-height:28px; display:block; color:#fff;}
.left_linav dl dd a.left_aon, .left_linav dl dd a:hover {color:#4496ec;}
.left_linavon {display:block !important;}
.left_lion .left_linav {position:static; display:block;}
.left_word {display:inline-block; height:32px; float:left;}
.left_i {display:inline-block; width:36px; height:32px; text-align:center; position:relative; float:left; font-size:18px;}
.left_i i {position:absolute; top:50%; margin-top:-9px; width:100%; height:18px; left:0;}
.left_lihover .left_linav {display:block;}
.left_i .iclose {display:block;}
.left_i .iopen {display:none;}

.time {background:#f6f6f6; border-bottom:1px solid #dfdfdf;}
.time p {text-align:center; height:28px; line-height:28px; overflow:hidden; color:#3a6ea5; border-bottom:1px solid #f4f6f5;}

.delta {border:6px solid transparent; content:""; height:0; width:0; pointer-events:none; border-right-color:#303030; position:absolute; top:50%; margin-top:-6px; right:0;}
.left_li:hover .delta {border-right-color:#363b3f;}
.left_lion .delta {border-right-color:#fff !important;}
.left_chover .delta {border-right-color:#363b3f;}

.quick {position:absolute; bottom:0; left:0; width:100%; height:40px; font-size:14px;}
.quick .pad {padding:0 14px;}
.quick span {font-size:24px; position:relative; top:3px; padding-right:8px;}

.page_left_off .page_left {width:36px;}
.page_left_off .left_word {display:none;}
.page_left_off .left_linav {left:36px;}
.page_left_off .left_lion .left_linav {position:absolute; display:none;}
.page_left_off .page {padding-left:36px;}
.page_left_off .left_i .iclose {display:none;}
.page_left_off .left_i .iopen {display:block;}
.page_left_off .time {display:none;}

.page {padding:52px 0 0 160px; position:relative; z-index:1;}
.page_pad {padding:15px;}

.position {position:relative; background:#eee; border-bottom:1px solid #dfdfdf;}
.position p {border-bottom:1px solid #f4f6f5; height:28px; line-height:32px; text-indent:15px;}
.position i {font-size:15px; color:#3a6ea5; position:relative; top:1px; padding-right:3px;}
.position_r {position:absolute; top:4px; right:15px;}
.position_r a {display:inline-block; margin-left:4px; border:1px solid #c2d1d8; background:#fff; height:19px; line-height:20px; border-radius:3px; padding:0 6px;}
.position_r a:hover {border:1px solid #3a6ea5; background:#3a6ea5; color:#fff;}

.tabul {border-bottom:1px solid #ccc; height:33px; margin-bottom:15px;}
.tabul li {float:left; height:33px; line-height:33px; padding-right:5px;}
.tabul li a {height:32px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; background:#eee; display:block; padding:0 15px;}
.tabul li.tabon a {font-weight:bold; background:#3a6ea5; border:1px solid #3a6ea5; color:#fff;}
.tabdiv {display:none;}
.tabshow {display:block;}

.welcome {position:relative; min-height:500px;}
.welcome_fl {padding-right:255px; height:600px;}
.welcome_fr {width:240px; float:right; position:absolute; top:0; right:0;}
.welcome_box {border:1px solid #e2e3e3; zoom:1; margin-bottom:15px;}
.welcome_box .tit {height:32px; line-height:32px; background:#f0f0f0; border-bottom:1px solid #e2e3e3; font-size:14px; text-indent:15px; font-weight:bold;}
.welcome_box .info {padding:10px 15px; line-height:20px;}
.welcome_box .info li {line-height:26px; border-bottom:1px solid #ddd;}
.welcome_box .info li.last {border-bottom:0;}
.welcome_box .info li .b {font-weight:bold;} 
.welcome_box .info li .c {padding-right:12px;}
.welcome_box .info li a:hover {color:#3a6ea5;}

.color_red {color:red;}

.content_box {border:1px solid #e9e9e9;}
.content_bor {padding:15px;}
.ctable {width:100%;}
.ctable tr {border-bottom:1px solid #e9e9e9;}
.ctable td {padding:6px 0;}
.ctable .left {width:138px; text-align:right; padding-right:8px;}
.content_ctrl {padding:8px 15px; background:#eef3f7; position:relative;}
.content_pagelist {position:absolute; top:50%; margin-top:-14px; right:0;}

.ltable {width:100%; text-align:center;}
.ltable tr {border-bottom:1px solid #e2e3e3;}
.ltable td {padding:6px 8px;}
.ltable tr:nth-child(odd) {background:#f8f8f8;}
.ltable tr:nth-child(even) {background:#ffffff;}
.ltable tr:hover {background:#fbffe4;}
.ltable tr.selected {background:#ddd;}
.ltable tr.selected:hover {background:#ccc;}
.ltable tr.first {background:#f0f0f0;}
.ltable tr.first td {font-size:14px;}

.selected {background:#ccc;}
.check_zw {position:relative;}
.check_zw input {position:relative; z-index:1;}
.check_zw span {width:100%; height:16px; display:block; position:absolute; top:0; left:0; z-index:2;}

.stable {width:100%;}
.stable tr {background:#f7f7f7;}
.stable td {padding:6px 0;}
.stable .left {width:80px; text-align:right; padding-right:8px;}

.ptable td {padding:3px 0;}
.ptable2 td {padding:00;}
.ntable tr {border-bottom:0;}

.ftable td {padding:3px 6px 3px 0;}

.qg_notice {border:1px #f60 solid; background:#fef3de; text-align:center; color:red; width:100%; line-height:30px; margin:0 auto;}
.qg_notice a:hover {text-decoration:underline;}
.qg_notice a.red, .qg_notice a.red:hover {color:red;}

.content_add {padding-bottom:10px;}
.gbutton_div {padding-top:15px;}

.sysinput {width:500px;}

.hidden {display:none;}
.display {display:block;}
.inline {display:inline;}

.pagelist td {border:1px solid #e2e3e3; background:#fff;}
.pagelist td a {display:block; height:26px; line-height:26px; padding:0 10px; background:#fff;}
.pagelist td a:hover {background:#3a6ea5; color:#fff;}
.pagelist td .p {padding:0 10px;}
.pagelist td.m {background:#ddd;}
.pagelist select {border:0; width:100%; padding:0 5px;}

.upfiles_part {float:left; width:14.2%; padding-bottom:20px;}
.upfiles_part .pad {margin:0 10px;}
.upfiles_part .pic {cursor:pointer; padding-bottom:5px;}
.upfiles_part .pic img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.upfiles_part_on .pic img {border:1px solid red;}
.upfiles_part .word {width:100%;}
.upfiles_part .word p {padding-bottom:5px;}
.upfiles_part .magnifier {font-size:18px; cursor:pointer; padding-left:10px; position:relative; top:2px;}
input.upfiles_ginput {min-width:auto !important; width:100%;}

.space_span {width:100%; height:13px; display:inline-block; border:1px solid #3a6ea5; position:relative;}
.space_all {background:#3a6ea5; width:100%;}
.space_use {background:#e1e1e1;}
.space_lav {background:#ffffff;}
.space_div {width:100%; position:relative;}
.space_num {position:absolute; top:1px; right:-50px; text-align:left; width:44px; display:block;}

textarea.gtext_mould {width:100%; height:504px; padding:0; border:0; position:relative;}
.textAreaWithLines {font-family:courier; border:1px solid #ddd;}
.textAreaWithLines textarea,.textAreaWithLines div {border:0px; line-height:18px; font-size:12px; font-family:serif; z-index:2;}
.lineObj {color:#666; background:#f7f7f7;}
.lineObj p {padding-right:4px;}

.menu1box li{float:left; margin-right:3px;}
.menu1box li a {display:block; background:#d5d8da; padding:0 15px; height:26px; line-height:26px; overflow:hidden; font-size:12px; font-weight:bold; border-radius:5px 5px 0 0;}
.menu1box li.tabon a {background:#3a6ea5; color:#fff;}
.menu1box {border-bottom:2px solid #3a6ea5}
.main1box dl {visibility:hidden; height:0; overflow:hidden;}
.main1box dl.block {visibility:visible; height:auto;}

.msglist_img {width:45px; height:36px; border:1px solid #ccc; cursor:pointer; transition:all 0.2s ease-in;}
.msglist_img:hover {transform:scale(3,3);}

.upselect {min-width:80px;}

.catebred {font-size:13px; font-weight:bold; color:red;}
.colorlight {color:#a5a5a5;}

.modules {width:20%; float:left; background:#fff; overflow:hidden;}
.modules .bor {border:1px solid #d7d6da;}
.modules .pad {padding:10px; line-height:50px; height:50px;}
.modules_even {background:#f9f9f9;}
.modules img {width:50px; height:50px;}
.m_title .fl {float:left; width:30%;}
.m_title .fr {float:right; width:68%; height:50px; overflow:hidden;}

#module_list:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;}
.chain_list {padding-bottom:20px;}
.modules_chain {width:182px; margin-right:10px; margin-bottom:10px; cursor:move; position:relative;}
.modules_chain .pad2 {padding:10px; height:172px; text-align:center;}
.modules_chain .pic img {width:160px; height:128px;}
.modules_chain .tit {height:22px; line-height:22px; overflow:hidden;}
#show_check_box {padding-top:20px;}
.chain_part {width:182px; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer; text-align:center;}
.chain_part .bor {border:1px solid #d7d6da;}
.chain_part .pad {padding:10px;}
.chain_part .pic img {width:160px; height:128px;}
.chain_part .tit {height:22px; line-height:22px; overflow:hidden;}
.chain_close {height:22px; line-height:22px; overflow:hidden; cursor:pointer;}
.chain_close a {color:red; width:100%; height:22px; display:block;}
.chain_close a:hover {text-decoration:underline;}

.order_button {text-align:center;}
.order_button div {padding-bottom:6px;}

.syslist {display:inline-block; cursor:pointer;}
.sysmore {width:10px; height:10px; line-height:10px; border:1px solid #a5a5a5; color:#a5a5a5; text-align:center; display:inline-block; margin-right:6px;}

.msglist {line-height:20px; letter-spacing:0.2px;}

.codedemo {padding:10px;}
.codedemo .h1 {font-size:16px; padding:8px 0;}
.codedemo .h2 {font-family:serif; font-size:14px; line-height:24px;}
.codedemo .h3 {font-size:14px; padding-top:8px;}

.tip_img, .tip_img table {width:100%; height:100%; text-align:center;}
.tip_img table tr {height:100%;}
.tip_img img {max-width:100%;}
.tip_img .pad {margin:0 20px;}

@media (max-width: 1400px) {
	.upfiles_part {width:20%;}
}